<!DOCTYPE html>
<html dir="ltr" lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" type="image/png" sizes="16x16"
	th:href="@{/assets/images/favicon.png}">
<title>监测分析·网络情报分析系统</title>
<link th:href="@{/dist/css/style.min.css}" rel="stylesheet">
<link th:href="@{/dist/css/custom.css}" rel="stylesheet">
<link href="assets/extra-libs/c3/c3.min.css" rel="stylesheet">
<link href="assets/extra-libs/css-chart/css-chart.css" rel="stylesheet">
<!-- <link th:href="@{/assets/libs/sweetalert2/dist/sweetalert2.min.css}" rel="stylesheet">
    <link rel="stylesheet" type="text/css" th:href="@{/assets/libs/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css}"> -->
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <script th:src="@{/common/analyze-cloud.js}"></script>
    <![endif]-->
<style>
/*.overview-media-title, .overview-media-content {*/
/*width: 100%;*/
/*display: flex;*/
/*align-items: center;*/
/*padding: 0 10px;*/
/*font-size: 13px;*/
/*color: inherit;*/
/*line-height: 35px;*/
/*user-select: none;*/
/*justify-content: space-between;*/
/*}*/
.overview-media-title, .overview-media-content {
	width: 100%;
	display: flex;
	align-items: center;
	padding: 0 10px;
	font-size: 13px;
	color: inherit;
	line-height: 35px;
	user-select: none;
	justify-content: space-between;
}

.overview-media-title span:nth-child(2), span:nth-child(3), span:nth-child(4),
	span:nth-child(5), .overview-media-content span:nth-child(2), span:nth-child(3),
	span:nth-child(4), span:nth-child(5) {
	/*min-width: 73px;*/
	min-width: 103px;
	text-align: center;
}

#dataSourceAnalysis {
	/*width: 90%;*/
	
}
.badge-info {
    color: #fff !important;
    background-color: #6184e6 !important;
}
.content-logo {
    display: inline-block;
    height: 19px;
    width: 18px;
    border-radius: 70%;
    overflow: hidden;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    margin-right: 10px;
    box-shadow: 0 0 2px 2px rgb(97 132 230 / 40%);
}

</style>
</head>
<body>
	<div id="main-wrapper">
		<div th:replace="common/header::header"></div>
		<div th:replace="common/monitor_left::monitor_left"></div>
		<div class="page-wrapper">
			<div class="right-part right-content">
				<!-- nav start-->
				<div class="page-breadcrumb">
					<div class="row" id="chu">
						<div class="col-lg-5 align-self-center">
							<div class="d-flex align-items-center">
								<nav aria-label="breadcrumb">
									<ol class="breadcrumb" id="navname">
										<li class="breadcrumb-item">监测分析</li>
										<li class="breadcrumb-item"></li>
										<li class="breadcrumb-item"></li>
									</ol>
								</nav>
							</div>
						</div>
						<div id="nodata"></div>
						<div class="col-lg-7 align-self-center ">
							<div
								class="d-flex no-block justify-content-end align-items-center data-number-min">

								<small class="font-13" id="updateanalysis"
									style="cursor: pointer"> <i class="mdi mdi-refresh"></i>刷新
								</small> <small class="font-13"> <i class="mdi mdi-clock"></i>数据统计更新于：<span
									id="updateTime"></span>
								</small>
								<!-- <h4 class="text-info m-b-0 m-l-10"> 58256</h4> -->
								<select id="timePeriodSelect" onchange="timePeriodSelectFunc()"
									class="form-control custom-select select-outline"
									style="width: 100px; margin-left: 10px;">
									<option value="1">24小时</option>
									<option value="2">3天</option>
									<option value="3">7天</option>
									<option value="4">15天</option>
								</select>
							</div>
						</div>
					</div>
				</div>
				<!-- nav end-->
				<div class="p-20">
					<div class="row">
						<div class="col-lg-12">
							<div class="card">
								<div class="card-body p-10">
									<!--<div class="card-title">数据概览</div>-->
									<h4 class="card-title">数据概览</h4>
									<div class="card-body border-top">
										<div class="row m-t-10" id="dataOverview"
											style="min-height: 85px;">
											<!-- 									<div class="col-sm-12 col-md-6 col-lg-3"> -->
											<!-- 										<div class="d-flex align-items-center"> -->
											<!-- 											<div class="m-r-20"> -->
											<!-- 												<div data-label="20%" class="css-bar m-b-0 css-bar-primary css-bar-100"> -->
											<!-- 													<i class="mdi mdi-database text-info"></i> -->
											<!-- 												</div> -->
											<!-- 											</div> -->
											<!-- 											<div style="position: relative;"> -->
											<!-- 												<span>全部舆情</span> -->
											<!-- 												<h3 class="m-b-0">40192</h3> -->
											<!-- 												<div class="progress m-t-10"> -->
											<!-- 													<div class="progress-bar bg-cyan" role="progressbar" style="width: 100%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div> -->
											<!-- 												</div> -->
											<!-- 											</div> -->
											<!-- 										</div> -->
											<!-- 									</div> -->
											<!-- 									<div class="col-sm-12 col-md-6 col-lg-3"> -->
											<!-- 										<div class="d-flex align-items-center"> -->
											<!-- 											<div class="m-r-20"> -->
											<!-- 												<div data-label="20%" class="css-bar m-b-0 css-bar-danger css-bar-20"> -->
											<!-- 													<i class="mdi mdi-emoticon-sad text-danger"></i> -->
											<!-- 												</div> -->
											<!-- 											</div> -->
											<!-- 											<div style="position: relative;"><span>敏感舆情</span> -->
											<!-- 												<h3 class="m-b-0">10714</h3> -->
											<!-- 												<div class="progress m-t-10"> -->
											<!-- 													<div class="progress-bar bg-cyan" role="progressbar" style="width: 20%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div> -->
											<!-- 												</div> -->
											<!--                                                 <div style="position: absolute;right: -55px;bottom: -8px;">41.59%</div> -->
											<!-- 											</div> -->
											<!-- 										</div> -->
											<!-- 									</div> -->
											<!-- 									<div class="col-sm-12 col-md-6 col-lg-3"> -->
											<!-- 										<div class="d-flex align-items-center"> -->
											<!-- 											<div class="m-r-20"> -->
											<!-- 												<div data-label="20%" class="css-bar m-b-0 css-bar-success css-bar-80"> -->
											<!-- 													<i class="mdi mdi-emoticon-happy text-cyan"></i> -->
											<!-- 												</div> -->
											<!-- 											</div> -->
											<!-- 											<div style="position: relative;"><span>非敏感舆情</span> -->
											<!-- 												<h3 class="m-b-0">23478</h3> -->
											<!-- 												<div class="progress m-t-10"> -->
											<!-- 													<div class="progress-bar bg-cyan" role="progressbar" style="width: 80%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div> -->
											<!-- 												</div> -->
											<!--                                                 <div style="position: absolute;right: -55px;bottom: -8px;">41.59%</div> -->
											<!-- 											</div> -->
											<!-- 										</div> -->
											<!-- 									</div> -->
											<!-- 									<div class="col-sm-12 col-md-6 col-lg-3"> -->
											<!-- 										<div class="d-flex align-items-center"> -->
											<!-- 											<div class="m-r-20"> -->
											<!-- 												<div data-label="20%" class="css-bar m-b-0 css-bar-purple css-bar-10"><i class="mdi mdi-bell-ring-outline text-purple"></i> -->
											<!-- 												</div> -->
											<!-- 											</div> -->
											<!-- 											<div  style="position: relative;"><span>预警舆情</span> -->
											<!-- 												<h3 class="m-b-0">23478</h3> -->
											<!-- <!-- 												<div style="position: relative;"> -->
											<!-- <!-- 												<button class="growl btn btn-outline-secondary btn-sm bnone font-14" type="button"> -->
											<!-- <!-- 	                                                  <i class="mdi mdi-plus-circle"></i>新增预警 -->
											<!-- <!-- 	                                            </button> -->
											<!-- <!-- 												</div> -->
											<!-- 												<div class="progress m-t-10"> -->
											<!-- 													<div class="progress-bar bg-info" role="progressbar" style="width: 1%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div> -->
											<!-- 												</div> -->
											<!--                                                 <div style="position: absolute;right: -55px;bottom: -8px;">41.59%</div> -->
											<!-- 											</div> -->
											<!-- 										</div> -->
											<!-- 									</div> -->
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- line 1 start-->
					<div class="row">
						<!-- zixun  start -->
						<div class="col-lg-4">
							<div class="card m-h-372">
								<div class="card-body overview-content">
									<!--<div class="card-title">最新资讯</div>-->
									<h4 class="card-title">最新资讯</h4>
									<div class="over-conbox">
										<ul id="relative_news">
											<!--  <li>
                                              <a th:href="@{/monitor/detail/123}">
                                                  <div class="over-newsbox">
                                                      <div class="content-title">
                                                          <div class="over-title">每日行情解读 | 美联储宣布无限量化宽松政策；全球金融资产价格能否反弹需进一步观察</div>
                                                          <span class="emotion">负面 96.80%</span>
                                                      </div>
                                                      <div class="over-tips">
                                                          <span>刚刚</span>
                                                          <span>来源：互联脉搏</span>
                                                      </div>
                                                  </div>
                                                  <i class="mdi mdi-chevron-right font-20"></i>
                                              </a>
                                          </li>
                                          <li>
                                              <a th:href="@{/monitor/detail/123}">
                                                  <div class="over-newsbox">
                                                      <div class="content-title">
                                                          <div class="over-title">储宣布无步观察</div>
                                                          <span class="emotion zm">正面 96.80%</span>
                                                      </div>
                                                      <div class="over-tips">
                                                          <span> 10分钟前</span>
                                                          <span>来源：互联脉搏</span>
                                                      </div>
                                                  </div>
                                                  <i class="mdi mdi-chevron-right font-20"></i>
                                              </a>
                                          </li>
                                          <li>
                                              <a th:href="@{/monitor/detail/123}">
                                                  <div class="over-newsbox">
                                                      <div class="content-title">
                                                          <div class="over-title">宣布无限量化宽松政策；全球金融资产价格能否反弹需进一步观察</div>
                                                          <span class="emotion">负面 96.80%</span>
                                                      </div>
                                                      <div class="over-tips">
                                                          <span> 3小时前</span>
                                                          <span>来源：互联脉搏</span>
                                                      </div>
                                                  </div>
                                                  <i class="mdi mdi-chevron-right font-20"></i>
                                              </a>
                                          </li>
                                          <li>
                                              <a th:href="@{/monitor/detail/123}">
                                                  <div class="over-newsbox">
                                                      <div class="content-title">
                                                          <div class="over-title">储宣布无限量化宽松否反弹需进一步观察</div>
                                                          <span class="emotion fm">负面 96.80%</span>
                                                      </div>
                                                      <div class="over-tips">
                                                          <span> 今天下午</span>
                                                          <span>来源：互联脉搏</span>
                                                      </div>
                                                  </div>
                                                  <i class="mdi mdi-chevron-right font-20"></i>
                                              </a>
                                          </li>
                                          <li>
                                              <a th:href="@{/monitor/detail/123}">
                                                  <div class="over-newsbox">
                                                      <div class="content-title">
                                                          <div class="over-title">全球金融资产价美联储宣布无限量化宽松政策；全球金融资产价格能否反弹需进一步观察</div>
                                                          <span class="emotion zx">中性 99.99%</span>
                                                      </div>
                                                      <div class="over-tips">
                                                          <span> 今天上午</span>
                                                          <span>来源：互联脉搏</span>
                                                      </div>
                                                  </div>
                                                  <i class="mdi mdi-chevron-right font-20"></i>
                                              </a>
                                          </li>  -->
										</ul>
									</div>
								</div>
							</div>
						</div>
						<!-- zixun  end -->
						<!-- qinggan start -->
						<div class="col-lg-4">
							<div class="card m-h-372">
								<div class="card-body overview-content">
									<!--<div class="card-title">情感占比</div>-->
									<h4 class="card-title">情感占比</h4>
									<!--                                 <div class="text-center over-load" id="loading2"> -->
									<!--                                     <div class="spinner-border spinner-border text-info" role="status"> -->
									<!--                                         <span class="sr-only">加载中...</span> -->
									<!--                                     </div> -->
									<!--                                 </div> -->
									<div id="emotionRateChart" style="height: 260px; width: 100%;"
										class="m-t-20"></div>
									<!-- row -->
									<div class="emtion-number" id="emotional_proportion">
										<!-- column -->
										<!--  <div class="col-4 birder-right text-center">
                                         <h4 class="m-b-0 ">28%
                                             <small><i class="mdi mdi-emoticon-happy zm"></i></small>
                                         </h4>正面
                                     </div>
                                     column
                                     <div class="col-4 birder-right text-center">
                                         <h4 class="m-b-0">60%
                                             <small><i class="mdi mdi-emoticon-neutral zx"></i></small>
                                         </h4>中性
                                     </div>
                                     column
                                     <div class="col-4 text-center">
                                         <h4 class="m-b-0">12%
                                             <small><i class="mdi mdi-emoticon-sad fm"></i></small>
                                         </h4>负面
                                     </div> -->
									</div>
								</div>
							</div>
						</div>
						<!-- qinggan start -->
						<!-- fang an start -->
						<div class="col-lg-4">
							<div class="card m-h-372">
								<div class="card-body overview-content">
									<!--<div class="card-title">方案命中主体词</div>-->
									<h4 class="card-title">方案命中主体词</h4>
									<!--                                 <div class="text-center over-load" id="loading3"> -->
									<!--                                     <div class="spinner-border spinner-border text-info" role="status"> -->
									<!--                                         <span class="sr-only">加载中...</span> -->
									<!--                                     </div> -->
									<!--                                 </div> -->
									<div class="secondtitle">方案配置关键词命中数量排名</div>
									<ul class="list-style-none keywords-box" id="planwordhit">
										<!-- <li>
                                        <div class="d-flex align-items-center">
                                            <div>
                                                <h6 class="m-b-0 "><span  >武汉热干面</span></h6>
                                            </div>
                                            <div class="ml-auto">
                                                <h6 class="m-b-0 font-bold">2355</h6>
                                            </div>
                                        </div>
                                        <div class="progress m-t-10">
                                            <div class="progress-bar bg-info" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                        </div>
                                    </li>
                                    <li class="m-t-25">
                                        <div class="d-flex align-items-center">
                                            <div>
                                                <h6 class="m-b-0 "><span  >陈道明演钟南山</span></h6>
                                            </div>
                                            <div class="ml-auto">
                                                <h6 class="m-b-0 font-bold">2131</h6>
                                            </div>
                                        </div>
                                        <div class="progress m-t-10">
                                            <div class="progress-bar bg-cyan" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                        </div>
                                    </li>
                                    <li class="m-t-25">
                                        <div class="d-flex align-items-center">
                                            <div>
                                                <h6 class="m-b-0"><span  >特朗普</span></h6>
                                            </div>
                                            <div class="ml-auto">
                                                <h6 class="m-b-0 font-bold">8127</h6>
                                            </div>
                                        </div>
                                        <div class="progress m-t-10">
                                            <div class="progress-bar bg-success" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                        </div>
                                    </li>
                                    <li class="m-t-25">
                                        <div class="d-flex align-items-center">
                                            <div>
                                                <h6 class="m-b-0"><span  >姜思达</span></h6>
                                            </div>
                                            <div class="ml-auto">
                                                <h6 class="m-b-0 font-bold">8977</h6>
                                            </div>
                                        </div>
                                        <div class="progress m-t-10">
                                            <div class="progress-bar bg-danger" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                        </div>
                                    </li>
                                    <li class="m-t-25">
                                        <div class="d-flex align-items-center">
                                            <div>
                                                <h6 class="m-b-0"><span  >表演艺术家曲云</span></h6>
                                            </div>
                                            <div class="ml-auto">
                                                <h6 class="m-b-0 font-bold">21271</h6>
                                            </div>
                                        </div>
                                        <div class="progress m-t-10">
                                            <div class="progress-bar bg-warning" role="progressbar" style="width: 95%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                        </div>
                                    </li> -->
									</ul>
								</div>
							</div>
						</div>
						<!-- fang an start -->
					</div>
					<div class="row">
						<div class="col-lg-12">
							<div class="card">
								<div class="card-body">
									<!--<div class="card-title"><i class=" fa fas"></i> 关注热点事件排名</div>-->
									<h4 class="card-title">
										<i class=" fa fas"></i> 关注热点事件排名
									</h4>
									<ul class="create-tab-report pro-bb" id="search-tab">
										<li class="" data-type="0">全部</li>
										<li class="" data-type="1">正面</li>
										<li class="create-tab-act" data-type="3">负面</li>
									</ul>
									<div class="table-responsive">
										<table id="hotEventRankingTable"
											class="table v-middle hot-rank" style="position: relative;">
											<tbody id="hotEventRanking">
											</tbody>
										</table>
									</div>
								</div>
							</div>
						</div>
					</div>
					
					
					
					
					
					
					

					<div class="row">
						<div class="col-lg-12">
							<div class="card">
								<div class="card-body p-10">
									<div class="card-title volume-title">
										<!--<span>关键词情感分析数据走势</span>-->
										<h4>关键词情感分析数据走势</h4>
									</div>
									<!--                                 <div class="text-center over-load" id="loading10"> -->
									<!--                                     <div class="spinner-border spinner-border text-info" role="status"> -->
									<!--                                         <span class="sr-only">加载中...</span> -->
									<!--                                     </div> -->
									<!--                                 </div> -->
									<div class="volume-tips" id="keywordsMood"></div>
									<div id="category-line" style="height: 370px;"></div>
								</div>
							</div>
						</div>
					</div>
					<!-- line 1 end-->
					<!-- line 4 start-->
					<!-- <div class="row">
                   	 资讯 start
                    <div class="col-lg-12">
                        <div class="card" style="min-height:40px">
                            <div class="card-body overview-content">
                                <div class="card-title"><i class=" fa fas fa-fire"></i> 热门资讯
                                    <small>(24小时内)</small>
                                </div>
                                <div class="m-t-10 over-event-box">
                                    <div class="over-event-titlermzx">
                                        <span>标题</span>
                                        <span>数量</span>
                                        <span>占比</span>
                                        <span>时间</span>
                                        <span>最早来源</span>
                                    </div>
                                    <div id="popularinformation" style="position: relative;">
                                        <div class="over-event-listrmzx">
                                            <span class="text-over"><span class="v-hot v-hot1">1</span> <a th:href="@{/monitor/detail/123}">后疫情时代餐饮业发展趋势预判</a></span>
                                            <span>刚刚</span>
                                            <span>微博</span>
                                            <span>8799</span>
                                            <span>12%</span>
                                            <span>新浪微博</span>
                                        </div>
                                        <div class="over-event-listrmzx">
                                            <span class="text-over"><span class="v-hot v-hot2">2</span> <a th:href="@{/monitor/detail/123}">原油亚盘：美国WTI原油大涨8%后回落 历史性减产协议仍存在隐患</a></span>
                                            <span>1小时前</span>
                                            <span>微信</span>
                                            <span>8799</span>
                                            <span>12%</span>
                                            <span>新浪微博</span>
                                        </div>
                                        <div class="over-event-listrmzx">
                                            <span class="text-over"><span class="v-hot v-hot3">3</span> <a th:href="@{/monitor/detail/123}">投资者提问：据贵公司披露的3月份 财务数据，请问贵公司3月份单月的营业收入为</a></span>
                                            <span>2小时前</span>
                                            <span>微信</span>
                                            <span>8799</span>
                                            <span>12%</span>
                                            <span>新浪微博</span>
                                        </div>
                                        <div class="over-event-listrmzx">
                                            <span class="text-over"><span class="v-hot">4</span> <a th:href="@{/monitor/detail/123}">A股异动 | 新化股份跌停 异丙醇价格短期波动可持续性具有不确定性</a></span>
                                            <span>2小时前</span>
                                            <span>微信</span>
                                            <span>8799</span>
                                            <span>12%</span>
                                            <span>新浪微博</span>
                                        </div>
                                        <div class="over-event-listrmzx">
                                            <span class="text-over"><span class="v-hot">5</span> <a th:href="@{/monitor/detail/123}">A股异动 | 新化股份跌停 异丙醇价格短期波动可持续性具有不确定性</a></span>
                                            <span>2小时前</span>
                                            <span>微信</span>
                                            <span>8799</span>
                                            <span>12%</span>
                                            <span>新浪微博</span>
                                        </div>
                                        <div class="over-event-listrmzx">
                                            <span class="text-over"><span class="v-hot">6</span> <a th:href="@{/monitor/detail/123}">A股异动 | 新化股份跌停 异丙醇价格短期波动可持续性具有不确定性</a></span>
                                            <span>2小时前</span>
                                            <span>微信</span>
                                            <span>8799</span>
                                            <span>12%</span>
                                            <span>新浪微博</span>
                                        </div>
                                        <div class="over-event-listrmzx">
                                            <span class="text-over"><span class="v-hot">7</span> <a th:href="@{/monitor/detail/123}">A股异动 | 新化股份跌停 异丙醇价格短期波动可持续性具有不确定性</a></span>
                                            <span>2小时前</span>
                                            <span>微信</span>
                                            <span>8799</span>
                                            <span>12%</span>
                                            <span>新浪微博</span>
                                        </div>
                                        <div class="over-event-listrmzx">
                                            <span class="text-over"><span class="v-hot">8</span> <a th:href="@{/monitor/detail/123}">A股异动 | 新化股份跌停 异丙醇价格短期波动可持续性具有不确定性</a></span>
                                            <span>2小时前</span>
                                            <span>微信</span>
                                            <span>8799</span>
                                            <span>12%</span>
                                            <span>新浪微博</span>
                                        </div>
                                        <div class="over-event-listrmzx">
                                            <span class="text-over"><span class="v-hot">9</span> <a th:href="@{/monitor/detail/123}">A股异动 | 新化股份跌停 异丙醇价格短期波动可持续性具有不确定性</a></span>
                                            <span>2小时前</span>
                                            <span>微信</span>
                                            <span>8799</span>
                                            <span>12%</span>
                                            <span>新浪微博</span>
                                        </div>
                                        <div class="over-event-listrmzx">
                                            <span class="text-over"><span class="v-hot">10</span> <a th:href="@{/monitor/detail/123}">A股异动 | 新化股份跌停 异丙醇价格短期波动可持续性具有不确定性</a></span>
                                            <span>2小时前</span>
                                            <span>微信</span>
                                            <span>8799</span>
                                            <span>12%</span>
                                            <span>新浪微博</span>
                                        </div>
                                    </div>
                                </div>
                                more
                                <div class="over-more">
                                    <a href="#">查看更多</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    	资讯 end
                </div> -->
					<!-- line 4 end-->
					<!-- line 2 start-->
					<div class="row">
						<div class="col-lg-7">
							<div class="card">
								<div class="card-body p-10">
									<div class="card-title volume-title">
										<!--<span>关键词高频分布统计</span>-->
										<h4>关键词高频分布统计</h4>
									</div>
									<div class="analysis-data">
										<div id="keywords" style="height: 435px; width: 100%;"></div>
									</div>
								</div>
							</div>
						</div>
						<div class="col-lg-5">
							<div class="card m-h-544">
								<div class="card-body overview-content">
									<!--<div class="card-title">高频词指数</div>-->
									<h4 class="card-title">高频词指数</h4>
									<div class="m-t-10 over-event-box">
										<div class="over-event-titlegpc">
											<span>高频词</span> <span>趋势</span> <span>数量</span> <span>指数</span>
										</div>
										<div id="keywordindex"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
					
					<!-- <div class="row" id="govrow">

						<div class="col-lg-12">
							<div class="card">
								<div class="card-body">
									<div class="card-title"><i class=" fa fas"></i> 关注热点事件排名</div>
									<h4 class="card-title">
										<i class="fa fas"></i> 政府及事业单位统计排名
									</h4>
									<ul class="create-tab-report pro-bb" id="institutionalunits-tab">
										<li class="" data-type="0">学校</li>
										<li class="create-tab-act" data-type="1">医院</li>
										<li class="" data-type="2">银行</li>
										<li class="" data-type="3">政府</li>
									</ul>
									<div class="table-responsive">
										<table id="InstitutionalunitsTable"
											class="table v-middle hot-rank" style="position: relative;">
											<tbody id="InstitutionalunitsRanking">
												
											</tbody>
										</table>
									</div>
								</div>
							</div>
						</div>


					</div> -->
					
					<!-- <div class="row" id="orgrow">
						<div class="col-lg-12">
							<div class="card">
								<div class="card-body">
									<div class="card-title"><i class=" fa fas"></i> 关注热点事件排名</div>
									<h4 class="card-title">
										<i class="fa fas"></i> 企业及上市公司统计排名
									</h4>
									<ul class="create-tab-report pro-bb" id="org-tab">
									</ul>
									<div class="table-responsive">
										<table id="orgTable"
											class="table v-middle hot-rank" style="position: relative;">
											<tbody id="orgRanking">
											</tbody>
										</table>
									</div>
								</div>
							</div>
						</div>
					</div> -->
					
					<div class="row">

						<div class="col-lg-12">
							<div class="card">
								<div class="card-body">
									<!--<div class="card-title"><i class=" fa fas"></i> 关注热点事件排名</div>-->
									<h4 class="card-title">
										<i class=" fa fas"></i> 热门行业&事件统计
									</h4>
									<ul class="create-tab-report pro-bb" id="industryandevent-tab">
										<li class="create-tab-act" data-type="0">热门行业</li>
										<li class="" data-type="1">热门事件</li>
									</ul>
									<div style="margin-top: 10px;" id="labletab">
									<span data-emotion="1" class="badge badge-pill badge-light badge-info">教育行业</span>
									<span data-emotion="2" class="badge badge-pill badge-light">互联网</span>
									<span data-emotion="3" class="badge badge-pill badge-light">农业服务</span>
									<span data-emotion="4" class="badge badge-pill badge-light">文化传媒</span>
									<span data-emotion="5" class="badge badge-pill badge-light">人工智能</span>
									</div>
									<div class="table-responsive">
										<table id="IndustryANDEventTable"
											class="table v-middle hot-rank" style="position: relative;">
											<tbody id="IndustryANDEvent">
											</tbody>
										</table>
									</div>
								</div>
							</div>
						</div>


					</div>
					
					
					
					<div class="row">
						<div class="col-sm-12 col-lg-5">
							<div class="card">
								<div class="card-body" style="height: 720px; overflow: hidden;">
									<h4 class="card-title">媒体活跃度分析</h4>
									<div class="d-flex align-items-center flex-row m-t-30"
										id="mediaActivityAnalysis">
										<!--                                 	<div class="display-5 text-info"><i class="mdi mdi-pulse"></i><span>13</span></div><div class="m-l-10"><h3 class="m-b-0">个站点日均</h3><small>41条数据更新，排名如下</small></div> -->
									</div>
									<table class="table no-border report-media ">
										<tbody id="mediaActivityAnalysisList">
											<!--                                     	<tr> -->
											<!--                                     		<td> -->
											<!--                                     			<img class="rounded-circle" width="45" src="https://bjhcdn.bdstatic.com/fe-react-register/static/media/header-logo.49a28edc.png" alt=""> -->
											<!--                                     		</td> -->
											<!--                                     		<td class="text-muted">百家号</td> -->
											<!--                                     		<td>24.39%</td> -->
											<!--                                     		<td class="font-medium">10</td> -->
											<!--                                     	</tr> -->
											<!--                                     	<tr> -->
											<!--                                     		<td> -->
											<!--                                     			<img class="rounded-circle" width="45" src="" alt=""></td><td class="text-muted">搜狐号</td><td>14.63%</td><td class="font-medium">6</td></tr><tr><td><img class="rounded-circle" width="45" src="https://image.uc.cn/s/uae/g/1v/wm-website-static/wm-website/hash-version/imgs/header/logo_a5979d7.png" alt=""></td><td class="text-muted">大鱼号</td><td>12.2%</td><td class="font-medium">5</td></tr><tr><td><img class="rounded-circle" width="45" src="https://p4.ssl.qhimg.com/t011af7db107dc7d8c6.png" alt=""></td><td class="text-muted">快传号</td><td>12.2%</td><td class="font-medium">5</td></tr><tr><td><img class="rounded-circle" width="45" src="" alt=""></td><td class="text-muted">网易号</td><td>9.76%</td><td class="font-medium">4</td></tr><tr><td><img class="rounded-circle" width="45" src="https://new.qq.com/favicon.ico" alt=""></td><td class="text-muted">企鹅号</td><td>7.32%</td><td class="font-medium">3</td></tr><tr><td><img class="rounded-circle" width="45" src="" alt=""></td><td class="text-muted">Zaker</td><td>4.88%</td><td class="font-medium">2</td></tr><tr><td><img class="rounded-circle" width="45" src="http://news.eastday.com/favicon.ico" alt=""></td><td class="text-muted">东方网</td><td>2.44%</td><td class="font-medium">1</td></tr><tr><td><img class="rounded-circle" width="45" src="http://caacnews.com.cn//favicon.ico" alt=""></td><td class="text-muted">中国民航网</td><td>2.44%</td><td class="font-medium">1</td></tr><tr><td><img class="rounded-circle" width="45" src="https://rmh.pdnews.cn/public/images/logo-header.png" alt=""></td><td class="text-muted">人民号</td><td>2.44%</td><td class="font-medium">1</td></tr></tbody> -->
									</table>
								</div>
							</div>
						</div>
						<div class="col-sm-12 col-lg-7">
							<div class="card">
								<div class="card-body" style="height: 720px; overflow: hidden;">
									<h4 class="card-title">热点地区排名</h4>
									<div id="hotSpotRankingChart"
										style="width: 100%; height: 480px;"></div>
									<div id="hotSpotRankingList">
										<div class="row m-b-15">
											<div class="col-3">江苏</div>
											<div class="col-7">
												<div class="progress m-t-5">
													<div class="progress-bar bg-info" role="progressbar"
														style="width: 24.17%" aria-valuenow="48" aria-valuemin="0"
														aria-valuemax="100"></div>
												</div>
											</div>
											<div class="col-2">24.17%</div>
										</div>
										<div class="row m-b-15">
											<div class="col-3">北京</div>
											<div class="col-7">
												<div class="progress m-t-5">
													<div class="progress-bar bg-cyan" role="progressbar"
														style="width: 20.86%" aria-valuenow="48" aria-valuemin="0"
														aria-valuemax="100"></div>
												</div>
											</div>
											<div class="col-2">20.86%</div>
										</div>
										<div class="row m-b-15">
											<div class="col-3">上海</div>
											<div class="col-7">
												<div class="progress m-t-5">
													<div class="progress-bar bg-purple" role="progressbar"
														style="width: 14.66%" aria-valuenow="48" aria-valuemin="0"
														aria-valuemax="100"></div>
												</div>
											</div>
											<div class="col-2">14.66%</div>
										</div>
										<div class="row m-b-15">
											<div class="col-3">湖北</div>
											<div class="col-7">
												<div class="progress m-t-5">
													<div class="progress-bar bg-orange" role="progressbar"
														style="width: 10.91%" aria-valuenow="48" aria-valuemin="0"
														aria-valuemax="100"></div>
												</div>
											</div>
											<div class="col-2">10.91%</div>
										</div>
										<div class="row m-b-15">
											<div class="col-3">广东</div>
											<div class="col-7">
												<div class="progress m-t-5">
													<div class="progress-bar bg-blue" role="progressbar"
														style="width: 7.03%" aria-valuenow="48" aria-valuemin="0"
														aria-valuemax="100"></div>
												</div>
											</div>
											<div class="col-2">7.03%</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>


					<!-- <div class="row">
						<div class="col-lg-6">
							<div class="card" style="min-height: 703px;">
								<div class="card-body overview-content">
									<h4 class="card-title">热点企业</h4>
									<div class="secondtitle">方案配置企业命中数量排名</div>
									<ul class="list-style-none keywords-box" id="orglist">
									</ul>
								</div>
							</div>
						</div>
						<div class="col-lg-6">
							<div class="card" style="min-height: 703px;">
								<div class="card-body overview-content">
									<h4 class="card-title">热点政府部门</h4>
									<div class="secondtitle">方案配置政府部门命中数量排名</div>
									<div class="table-responsive">
										<table class="table v-middle">
											<thead>
												<tr>
													<th class="border-top-0">名称</th>
													<th class="text-center border-top-0">词频</th>
													<th class="text-center border-top-0">占比</th>
												</tr>
											</thead>
											<tbody id="highNtoIndexList">
											</tbody>
										</table>
									</div>
								</div>
							</div>
						</div>
					</div> -->
					<!-- <div class="row">

						<div class="col-lg-6">
							<div class="card" style="min-height: 703px;">
								<div class="card-body overview-content">
									<h4 class="card-title">热点上市企业</h4>
									<div class="secondtitle">方案配置上市企业命中数量排名</div>
									<div class="table-responsive">
										<table class="table v-middle">
											<thead>
												<tr>
													<th class="border-top-0">名称</th>
													<th class="text-center border-top-0">词频</th>
													<th class="text-center border-top-0">占比</th>
												</tr>
											</thead>
											<tbody id="highIPOChinaIndexList">
											</tbody>
										</table>
									</div>
								</div>
							</div>
						</div>
						<div class="col-lg-6">
							<div class="card" style="min-height: 703px;">
								<div class="card-body overview-content">
									<h4 class="card-title">热点海外上市企业</h4>
									<div class="secondtitle">方案配置海外上市企业命中数量排名</div>
									<ul class="list-style-none keywords-box"
										id="highIPOForeignIndexList">
									</ul>
								</div>
							</div>
						</div>
					</div> -->
					

                    <div class="row">

						<div class="col-lg-6">
							<div class="card" style="min-height: 502px;">
								<div class="card-body overview-content">
									<!--<div class="card-title">数据来源分布排名</div>-->
									<h4 class="card-title">数据来源分布排名</h4>
									<!-- 								<div class="text-center over-load" id="loading10"> -->
									<!-- 									<div class="spinner-border spinner-border text-info" role="status"> -->
									<!-- 										<span class="sr-only">加载中...</span> -->
									<!-- 									</div> -->
									<!-- 								</div> -->
									<div class="m-t-10 over-event-box">
										<div id="dataSourceDistributionChart"
											 style="width: 100%; height: 440px; margin-left: 15px;"></div>
									</div>
									<!-- <div class="over-more">
                                      <a href="#">查看更多</a>
                                  </div> -->
								</div>
							</div>
						</div>


						<div class="col-lg-6">
							<div class="card" style="min-height: 502px;">


								<div class="card-body overview-content">
									<!--<div class="card-title">数据来源分析</div>-->
									<!--<div class="card-title">数据来源分析</div>-->
									<h4 class="card-title">数据来源分析</h4>
									<!-- 								<div class="text-center over-load" id="loading11"> -->
									<!-- 									<div class="spinner-border spinner-border text-info" role="status"> -->
									<!-- 										<span class="sr-only">加载中...</span> -->
									<!-- 									</div> -->
									<!-- 								</div> -->
									<ul class="create-tab-report pro-bb" id="search-tab2"
										style="margin-left: 15px;">
										<!-- 									<li class="create-tab-act" data-type="0">全部</li> -->
										<!-- 									<li class="" data-type="1">微信</li> -->
										<!-- 									<li class="" data-type="2">微博</li> -->
										<!-- 									<li class="" data-type="3">政务</li> -->
										<!-- 									<li class="" data-type="4">论坛</li> -->
										<!-- 									<li class="" data-type="5">新闻</li> -->
										<!-- 									<li class="" data-type="6">报刊</li> -->
										<!-- 									<li class="" data-type="7">客户端</li> -->
										<!-- 									<li class="" data-type="8">网站</li> -->
										<!-- 									<li class="" data-type="9">外媒</li> -->
										<!-- 									<li class="" data-type="10">视频</li> -->
										<!-- 									<li class="" data-type="11">博客</li> -->
									</ul>
									<div class="volume-data" style="margin-left: 15px;">
										<div class="overview-media-title">
											<span>排名</span> <span>媒体/账号名称</span> <span>媒体类型</span>
											<!--<span>舆情条数</span>-->
											<span>总条数</span>
											<!--<span>敏感舆情条数</span>-->
											<span>敏感舆情</span>
										</div>
										<div id="dataSourceAnalysis">
											<!-- 										<div class="overview-media-content"> -->
											<!-- 											<span><span class="v-hot v-hot1">1</span></span> -->
											<!-- 											<span>搜狐新闻</span> -->
											<!-- 											<span>客户端</span> -->
											<!-- 											<span style="color: #8eb9f5;">11290</span> -->
											<!-- 											<span style="color: #f54545;">1092</span> -->
											<!-- 										</div> -->
										</div>
									</div>
									<!--<div class="m-t-10 over-event-box">
                                    <div id="activewebsite" style="height: 320px;"></div>
                                </div>-->
									<!-- more -->
									<!-- <div class="over-more">
                                  <a href="#">查看更多</a>
                              </div> -->
								</div>
							</div>
						</div>
					</div>



					<div class="row">
						<div class="col-sm-12 col-lg-6">
							<div class="card" style="min-height: 630px;">
								<div class="card-body p-10">
									<!--<h4 class="card-title volume-title">自媒体渠道声量排名</h4>-->
									<div class="card-title volume-title">
										<h4 class="card-title">自媒体渠道声量排名</h4>
									</div>

									<div class="table-responsive">
										<table class="table v-middle">
											<thead>
											<tr>
												<th class="border-top-0">媒体号</th>
												<th class="border-top-0">平台(数量)</th>
												<th class="border-top-0">声量</th>
											</tr>
											</thead>
											<tbody id="media_user_volume_rank">
											<!-- 											<tr> -->
											<!-- 												<td> -->
											<!-- 													<div class="d-flex align-items-center"> -->
											<!-- 														<div class="m-r-10"><img src="  assets/images/users/d1.jpg" alt="user" class="rounded-circle" width="45" /> -->
											<!-- 														</div> -->
											<!-- 														<div class=""> -->
											<!-- 															<h4 class="m-b-0 font-16">I黑马</h4> -->
											<!-- 														</div> -->
											<!-- 													</div> -->
											<!-- 												</td> -->
											<!-- 												<td>Zaker,百家号</td> -->
											<!-- 												<td>35</td> -->
											<!-- 											</tr> -->
											</tbody>
										</table>
									</div>
								</div>
							</div>
						</div>
						<div class="col-sm-12 col-lg-6">
							<div class="card" style="min-height: 630px;">
								<div class="card-body overview-content">
									<!--<div class="card-title">方案命中主体词</div>-->
									<h4 class="card-title">方案命中分类统计</h4>
									<!-- <div class="secondtitle">方案配置分类统计排名</div> -->
									<ul class="list-style-none keywords-box" id="category_rank">
									</ul>
								</div>


							</div>
						</div>
						
						<!-- <div class="col-sm-12 col-lg-6">
							<div class="card" style="min-height: 531px;">
								<div class="card-body  p-10">
									<div class="card-title volume-title">
										<span>关键词曝光度环比排行</span>
										<h4>关键词曝光度环比排行</h4>
									</div>
									<div style="width: 100%; height: 415px" class="volume-data"
										 id="keyword_exposure_rank">
										<div class="expose-rank-title">
										<span>关键词</span>
										<span>曝光量</span>
										<span>环比增速(%)</span>
										<span>排名</span>
										</div>
																			<div class="expose-rank-content">
																				<span>武汉</span>
																				<span>
										                                              <div>986665</div>
										                                              <div>
										                                                  <div class="expose-zm" style="width: 10%;" title="正面"></div>
										                                                  <div class="expose-zx" style="width: 55%;left: 10%;" title="中性">
										                                                  </div>
										                                                  <div class="expose-fm" style="width: 35%;left: 65%;" title="负面">
										                                                  </div>
										                                              </div>
										                                        </span>
																				<span>-0.21 <i class="e-fm mdi mdi-arrow-down"></i></span>
																				<span>1</span>
																			</div>
									</div>
								</div>
							</div>
						</div> -->
					</div>

						<div class="row">
							<!-- shi jian start -->

							<div class="col-lg-6">
								<div class="card m-h-544">
									<div class="card-body overview-content">
										<!--<div class="card-title">数据来源分布排名</div>-->
										<h4 class="card-title">事件统计</h4>
										<!-- 								<div class="text-center over-load" id="loading10"> -->
										<!-- 									<div class="spinner-border spinner-border text-info" role="status"> -->
										<!-- 										<span class="sr-only">加载中...</span> -->
										<!-- 									</div> -->
										<!-- 								</div> -->
										<div class="m-t-10 over-event-box">
											<div id="eventStatisticsChart"
												 style="width: 100%; height: 440px; margin-left: 0px;"></div>
										</div>
										<!-- <div class="over-more">
                                          <a href="#">查看更多</a>
                                      </div> -->
									</div>
								</div>
							</div>


							<div class="col-lg-6">
								<div class="card m-h-544">
									<div class="card-body overview-content">
										<!--<div class="card-title">数据来源分布排名</div>-->
										<h4 class="card-title">行业分布统计</h4>
										<!-- 								<div class="text-center over-load" id="loading10"> -->
										<!-- 									<div class="spinner-border spinner-border text-info" role="status"> -->
										<!-- 										<span class="sr-only">加载中...</span> -->
										<!-- 									</div> -->
										<!-- 								</div> -->
										<div class="m-t-10 over-event-box">
											<div id="industrialDistributiontionChart"
												 style="width: 100%; height: 440px; margin-left: 15px;"></div>
										</div>
										<!-- <div class="over-more">
                                          <a href="#">查看更多</a>
                                      </div> -->
									</div>
								</div>
							</div>
						
					</div>





					<div class="row">
						<!-- shi jian start -->

						<!-- <div class="col-lg-6">
							<div class="card" style="min-height: 630px;">
								<div class="card-body overview-content">
									<h4 class="card-title">政策法规</h4>
									<div class="secondtitle">方案配置上市政策法规命中数量排名</div>
									<div class="table-responsive">
										<table class="table v-middle">
											<thead>
											<tr>
												<th class="border-top-0">名称</th>
												<th class="text-center border-top-0">词频</th>
                                                <th class="text-center border-top-0">占比</th>
											</tr>
											</thead>
											<tbody id="highPolicyChinaIndexList">
											</tbody>

										</table>
									</div>
								</div>
							</div>
						</div> -->

						<!-- shi jian end -->
						<!-- gongsi  start -->
						<!-- <div class="col-lg-6">
							<div class="card" style="min-height: 630px;">
								<div class="card-body overview-content">
									<div class="card-title">方案命中主体词</div>
									<h4 class="card-title">方案命中分类统计</h4>
									<div class="secondtitle">方案配置分类统计排名</div>
									<ul class="list-style-none keywords-box" id="category_rank">
									</ul>
								</div>


							</div>
						</div> -->
					</div>


					<!-- <div class="row">
						





					</div> -->










					<div class="page-footer">© 2014-<span id="currentyear"></span> 南京涌亿思信息技术有限公司
						苏ICP备17066984号-1</div>
				</div>
			</div>
		</div>
	</div>
	<script th:src="@{/assets/libs/echarts/dist/echarts-en.min.js}"></script>
	<script th:src="@{/assets/libs/jquery/dist/jquery.min.js}"></script>
	<script th:src="@{/assets/libs/popper.js/dist/umd/popper.min.js}"></script>
	<script th:src="@{/assets/libs/bootstrap/dist/js/bootstrap.min.js}"></script>
	<script th:src="@{/dist/js/app.min.js}"></script>
	<script th:src="@{/dist/js/app.init.light-sidebar.js}"></script>
	<script th:src="@{/dist/js/app-style-switcher.js}"></script>
	<script
		th:src="@{/assets/libs/perfect-scrollbar/dist/perfect-scrollbar.jquery.min.js}"></script>
	<script th:src="@{/assets/extra-libs/sparkline/sparkline.js}"></script>
	<script th:src="@{/dist/js/waves.js}"></script>
	<script th:src="@{dist/js/custom.min.js}"></script>
	<script th:src="@{/dist/js/sidebarmenu.js}"></script>
	<script th:src="@{/assets/extra-libs/c3/d3.min.js}"></script>
	<script th:src="@{/assets/extra-libs/c3/c3.min.js}"></script>
	<script th:src="@{/assets/libs/chart.js/dist/Chart.min.js}"></script>
	<script th:src="@{/assets/libs/gaugeJS/dist/gauge.min.js}"></script>
	<script th:src="@{/assets/libs/flot/excanvas.min.js}"></script>
	<script th:src="@{/assets/libs/flot/jquery.flot.js}"></script>
	<script
		th:src="@{/assets/libs/jquery.flot.tooltip/js/jquery.flot.tooltip.min.js}"></script>
	<script
		th:src="@{/assets/extra-libs/jvector/jquery-jvectormap-2.0.2.min.js}"></script>
	<script
		th:src="@{/assets/extra-libs/jvector/jquery-jvectormap-world-mill-en.js}"></script>
	<script th:src="@{/common/tools.js}"></script>
	<script th:src="@{/dist/js/echarts.min.js}"></script>
	<script th:src="@{/dist/anycharts/anychart-base.min.js}"></script>
	<script th:src="@{/dist/anycharts/anychart-exports.min.js}"></script>
	<script th:src="@{/dist/anycharts/anychart-tag-cloud.min.js}"></script>
	<script th:src="@{/dist/anycharts/anychart-ui.min.js}"></script>
	<script th:src="@{/dist/anycharts/data.js}"></script>
	<script th:src="@{/dist/analysis.js?unixtemp=0817}"></script>
	<script th:src="@{/assets/libs/block-ui/jquery.blockUI.js}"></script>
	<script th:src="@{/dist/baidu/baidu_statistics.js}"></script>

	<script th:inline="javascript" type="text/javascript">
	$("#currentyear").text((new Date()).getFullYear());
		$(function() {
			setId(analysis_groupid, analysis_projectid);
			projectname(analysis_projectid, analysis_groupid);
			getlatestnews(analysis_projectid, anal_groupId);
			getAnalysisMonitorProjectid();

			$('.navLi').click(
					function() {
						jumpNavLocation($(this).data('type'), anal_groupId,
								anal_projectId);
					})
		})
	</script>
</body>

</html>